<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>搭配测试</title>
	    <script src="../js/mui.min.js"></script>
	    <link href="../css/mui.min.css" rel="stylesheet"/>
	    <link href="../css/mui_common.css" rel="stylesheet"/>
	    <link href="../css/index/cxcs.css" rel="stylesheet"/>
		<script type="text/javascript" charset="utf-8">
	      	mui.init();
	   </script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav fl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">搭配测试</h1>
		    <div class="right">
		    	<div class="set">...</div>
		    	<div class="shop mui-icon">&#xe6b9;</div>
		    </div>
		</header>
		<div class="mui-content">
			<div class="keyword">
				<h2>您的穿搭关键词Collocation tag</h2>
				<div class="key_btn">
					<a class="again">重新测试</a><a class="share">分享给闺蜜测测</a>
				</div>
				
			</div>
			<div class="expert">
				<h2>搭配专家，专属定制</h2>
				<h3>每天为你推荐最合适的搭配</h3>
			</div>
			<div class="beauty">
				<ul class="beauty_con" id="beauty">
					<li>
						<div class="img">
							<img src="../img/index/home/beauty_one.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
					<li>
						<div class="img">
							<img src="../img/index/home/beauty_two.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
					<li>
						<div class="img">
							<img src="../img/index/home/beauty_three.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
					<li>
						<div class="img">
							<img src="../img/index/home/beauty_four.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
